<template>
  <div class="c">
      <!-- 我是宝宝 -->
      {{content}}
      <hr>
      {{datac}}
  </div>
</template>

<script>
export default {
   name:"Content",
   data () {
       return {
           arr:[
                 {name:"静夜思",content:"床前明月光，疑是地上霜"},
                 {name:"咏鹅",content:"鹅，鹅，鹅，曲项向天歌"},
                 {name:'登鹳雀楼',content:"白日依山尽，黄河入海流"}

             ],
            datac:''// 内容
       }
   },
   // 自定义标签属性
   props:["content"],
   methods:{
       fit(){
           this.datac=this.arr.filter(v=>v.name==this.content)[0].content
        //    console。
       }
   },
   mounted () {// 模板挂载之后
       this.fit()
   },
//    beforeUpdate(){
//        this.fit()
//    },
   updated () {// 数据改变之后
    //    this.fit()
   }
}
</script>

<style>

</style>